<template>
  <div class="about">
    <h4>about：{{username}}</h4>
    <router-view></router-view>
  </div>
  
</template>

<script>
// Home.vue
export default {
  computed: {
    username() {
      // 我们很快就会看到 `params` 是什么
      return this.$route.params.username
    }
  }
  ,methods: {
    goToDashboard() {
      if (isAuthenticated) {
        this.$router.push('/dashboard')
      } else {
        this.$router.push('/login')
      }
    }
  }
}
</script>

<style>
.about {
  height: 100px;
  border: solid 1px blue;
}
</style>